<style>
    .div{
        font-size: .3rem;
    }
</style>
<div class="div" ng-controller="ActivityListCtrl">
    <div class="page__bd">
        <div class="weui-tab">
            <div class="weui-navbar">
                <div class="weui-navbar__item" ng-repeat="tab in tabNames"
                     ng-click="currTab_click(tab)"
                     ng-class="{'weui-bar__item_on':currTab != tab}">
                    {{tab}}
                </div>           
            </div>       
            <div class="weui-tab__panel" ng-if="currTab == '活动列表'">
                <div class="weui-cells m-t-none"  ng-show="activityList.length > 0">
                    <a class="weui-cell weui-cell_access" href="javascript:;" ng-repeat="activity in activityList" ui-sref="wx.activityDetail({id:activity.GUID})">
                        <div class="weui-cell__bd">
                            <p class="text-md">{{activity.activityName}}</p>
                        </div>
                        <div class="weui-cell__ft text-md">{{activity.activityEndTime}}</div>
                    </a>
                </div>
                <div class="weui-cells__tips text-center" ng-show="activityList.length == 0">没有任何活动哦!</div>
                <div class="weui-cells__tips text-center m-t-none wrapper" ng-show="activityList.length > 0" ng-click="showMore_click()"><span>{{isShowMoreText()}}</span></div>
            </div>     
            <div class="weui-tab__panel  bg-default" ng-if="currTab == '我的报名'">
                <div class="weui-form-preview m-t-sm" ng-show="myActivityList.length > 0" ng-repeat="item in myActivityList">
                    <div class="weui-form-preview__hd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">活动名称</label>
                            <em class="weui-form-preview__value" ng-bind="item.EventTitle">¥2400.00</em>
                        </div>
                    </div>
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">支付状态</label>
                            <span class="weui-form-preview__value" ng-if="item.PayStatus == 'Unpaid'">未支付</span>
                            <span class="weui-form-preview__value" ng-if="item.PayStatus == 'NoNeedToPay'">无需支付</span>
                            <span class="weui-form-preview__value" ng-if="item.PayStatus == 'AlreadyPaid'">已支付</span>
                        </div>
                        <div class="weui-form-preview__item" ng-if="item.PayStatus == 'AlreadyPaid'">
                            <label class="weui-form-preview__label">微信订单号</label>
                            <span class="weui-form-preview__value" ng-bind="item.TransactionID">电动打蛋机</span>
                        </div>
                        <div class="weui-form-preview__item" ng-if="item.PayStatus == 'AlreadyPaid'">
                            <label class="weui-form-preview__label">商户订单号</label>
                            <span class="weui-form-preview__value" ng-bind="item.OutTradeNo">电动打蛋机</span>
                        </div>
                        <div class="weui-form-preview__item" ng-if="item.PayStatus == 'AlreadyPaid'">
                            <label class="weui-form-preview__label" >金额</label>
                            <span class="weui-form-preview__value" ng-bind="item.TotalFee/100">电动打蛋机</span>
                        </div>

                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">门店</label>
                            <span class="weui-form-preview__value" ng-bind="item.ShopName">4543</span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">场次</label>
                            <span class="weui-form-preview__value" ng-bind="item.PlayTimespan">adefrsd</span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">姓名</label>
                            <span class="weui-form-preview__value" ng-bind="item.Contact_Name">4543</span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">手机号码</label>
                            <span class="weui-form-preview__value" ng-bind="item.Contact_Phone">4543</span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">人数</label>
                            <span class="weui-form-preview__value" ng-bind="item.Contact_Number">4543</span>
                        </div>
                    </div>
                    <div class="weui-form-preview__ft" ng-if="item.PayStatus == 'Unpaid'" ng-click="payForBill_click(item)">
                        <a class="weui-form-preview__btn weui-form-preview__btn_primary">立即支付</a>
                    </div>
                </div>
                <div class="weui-cells__tips text-center m-t-xl" ng-show="myActivityList.length == 0">没有任何活动哦!</div>
                <div class="weui-cells__tips text-center m-t-none wrapper" ng-show="myActivityList.length > 0" ng-click="showMyMore_click()"><span>{{isMyShowMoreText()}}</span></div>
            </div>  
        </div>
       
    </div>
</div>